<template>
  <div class="Download">
    <div class="page">
		<p class="tip">
		若您已安装了网易云音乐，
		</p>
		<p class="tip">↑↑请下拉并点击“按钮”↑↑</p>
		<p class="sub">(若无打开按钮，则 <a href="###">点此打开 )</a></p>
		<div class="warp">
			<div class="logo">
				
			</div>
			<a href="###" class="btn">立即下载</a>
		</div>
	</div>
  </div>
</template>

<script>
export default {
  name: 'Download',
  props: {
    msg: String
  },
  data(){
	  return{
		  
	  }
  },
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	.hello{
		background-color: #300607;
		height: 22rem;
	}
.page{
	/* width: 100%;
	height: 100%; */
	width: 10rem;
	height: 17.7rem;
	background: url(../assets/imgW/bj.jpg) no-repeat 0 center;
	background-size: cover;
}
.page .tip{
	padding-top: .42644rem;
	font-size: .34648rem;
	color: #fff;
	text-align: center;
}
.page .sub{
	padding-top: .426439rem;
	font-size: .319829rem;
	color: #999;
	text-align: center;
}
.page .sub a{
	padding-top: .426439rem;
	font-size: .319829rem;
	color: #999;
	text-decoration: blink;
}
.page .warp{
	margin-top: -1.066098rem;
	position: absolute !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.page .warp .logo{
	margin: 0 auto;
	width: 2.878464rem;
	height: 2.878464rem;
	background: url(../assets/imgW/wlogo.png) no-repeat 0 0;
	background-size: 100% auto;
}
.page .warp .btn{
	margin-top: 1.066098rem;
	display: block;
	width: 5.01067rem;
	height: 1.22601rem;
	line-height: 1.22601rem;
	background: #311412;
	border: 1px solid #7c6a69;
	border-radius: .0106609rem;
	color: #fff;
	font-size: .6396588rem;
	text-align: center;
}
</style>